﻿@{
    ViewBag.Title = "Quản lý tin nhắn";
    Layout = "~/Areas/UserCP/Views/Shared/_Layout.cshtml";
}
@section headSection{
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Areas/UserCP/Content/css/pages/inbox.css")" rel="stylesheet" type="text/css"/>
    <link href="@Url.Content("~/Areas/UserCP/Content/plugins/jquery-file-upload/css/jquery.fileupload.css")" rel="stylesheet" type="text/css"/>
}
<ul class="nav nav-tabs">
    <li class="active"><a href="@Url.Action("Manager", "MainManagement")">Tổng quan</a></li>
    <li><a href="@Url.Action("Manager", "OrderManagement")">Đơn hàng</a></li>
    <li><a href="@Url.Action("Manager", "WorkManagement")">Công việc</a></li>
    <li><a href="@Url.Action("Manager", "AccountManagement")">Tài khoản</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="tab_1_1">
        <div class="row inbox">
            <div class="col-md-2">
                <ul class="inbox-nav margin-bottom-10">
                    <li class="compose-btn"><a href="javascript:;" data-title="Compose" class="btn green">
                        <i class="fa fa-edit"></i>Compose </a></li>
                    <li class="inbox active"><a href="javascript:;" class="btn" data-title="Inbox">Inbox(3)
                    </a><b></b></li>
                    <li class="sent"><a class="btn" href="javascript:;" data-title="Sent">Sent </a><b></b>
                    </li>
                    <li class="draft"><a class="btn" href="javascript:;" data-title="Draft">Draft </a><b>
                    </b></li>
                    <li class="trash"><a class="btn" href="javascript:;" data-title="Trash">Trash </a><b>
                    </b></li>
                </ul>
            </div>
            <div class="col-md-6">
                <div class="inbox-header">
                    <h1 class="pull-left">
                        Inbox</h1>
                    <form class="form-inline pull-right" action="index.html">
                    <div class="input-group input-medium">
                        <input type="text" class="form-control" placeholder="Password">
                        <span class="input-group-btn">
                            <button type="submit" class="btn green">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                    </div>
                    </form>
                </div>
                <div class="inbox-loading">
                    Loading...
                </div>
                <div class="inbox-content">
                </div>
            </div>
            <div class="col-md-4">
                <div class="inbox-loading">
                    Loading...
                </div>
                <div class="inbox-detail">
                </div>
            </div>
        </div>
    </div>
</div>
@section bottomSection{
    <script type="text/javascript" src="@Url.Content("~/Areas/UserCP/Content/scripts/custom/inbox.js")"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            Inbox.init();
        });
    </script>
}